@media (min-width:1601px) {
    html {
        font-size: 16px !important;
    }
}

@media (min-width:1400px) and (max-width:1600px) {
    html {
        font-size: 14px !important;
    }
}

@media (min-width:640px) and (max-width:1399px) {
    html {
        font-size: 13px !important;
    }
}

@media (min-width:481px) and (max-width:639px) {
    html {
        font-size: 13px !important;
    }
}

@media (max-width:480px) {
    html {
        font-size: 13px !important;
    }
}


@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1280px) {}

@media (min-width: 1440px) {}

@media (min-width: 1660px) {}

@media (min-width: 1921px) {
    .bannerpage .m {
        max-width: 100% !important;
    }

    .bannerpage .fenshi {
        left: 9rem;
    }
}

@media screen and (min-width:1200px) and (max-width:1440px) {}

@media (max-width: 1750px) {
    .yeartiao.chang {
        width: 60.45rem;
    }

}

@media (max-width: 1660px) {
    .top_menu_box {
        margin-right: 5rem;
    }

    .n_dtkren .shengzi {
        height: 33.75rem;
    }

 

    #yearcon .swiper-button-white {
        top: 2rem;
    }

    #yearcon .nextyear {
        right: 4.25%;
    }
}

@media (max-width: 1600px) {
    .n_dtkren .shengzi .big li:nth-child(1) {
        left: 6rem;
        top: 9.25rem;
    }

    .n_dtkren .shengzi .big li:nth-child(2) {
        left: 27.25rem;
        top: 12.5rem;
    }

    .n_dtkren .shengzi .big li:nth-child(3) {
        left: 49rem;
        top: 13.5rem;
    }

    .n_dtkren .shengzi .big li:nth-child(4) {
        left: 71rem;
        top: 12.625rem;

    }

    .n_dtkren .shengzi .big li:nth-child(5) {
        left: 92.25rem;
        top: 9.25rem;
    }

    .small li:nth-child(1) {
        left: 13.5rem;
    }

    .small li:nth-child(2) {
        left: 23.5rem;
    }

    .small li:nth-child(3) {
        left: 40.25rem;
    }

    .small li:nth-child(4) {
        left: 34.25rem;
    }

    .small li:nth-child(5) {
        left: 62.25rem;
    }

    .small li:nth-child(6) {
        left: 58.125rem;
    }

    .small li:nth-child(7) {
        left: 70.875rem;
    }

    .small li:nth-child(8) {
        left: 82.25rem;
    }
    .move {
        background-size: contain;
        height: 32rem;
        margin: 10rem 0 4rem;
    }

    .move svg {
        top: 3.25rem;
        left: 26.55rem;
    }

    .move .sun::before {
        left: 12rem;
    }

    .move .dian::before {
        bottom: 6.125rem;
        width: 13.375rem;
        height: 16.4375rem;    
        left: 9.125rem;
    }

    .move .dian {
        left: 55.5rem;
        top: -6rem;
    }

    .move .dian::after {
        bottom: 4.25rem;
        width: 15.45rem;
        height: 18.4375rem;
        left: 8.25rem;
    }

    .moves {
        height: 43.0625rem;
        background-size: contain;

    }

    .moves .zuodt {
        right: 6%;
    }

    .moves .shexian {
        top: 6%;
    }

    .zuodt .dxh {
        left: 33%;
        top: 29%;

    }

    .zuodt .dbjt5 {
        left: 45%;
        bottom: 26%;
    }
}

.web {}

.wap {
    display: none;
}

@media (max-width: 1440px) {
    #xjsb .m .arr_left {
        left: 45%;
        margin-left: -3.5rem;
        bottom: -5.5rem;
        top: auto !important;
    }

    #xjsb .m .arr_right {
        right: 45%;
        margin-right: -3.5rem;
        bottom: -5.5rem;
        top: auto !important;
    }
    .move .dian {
        left: 54.5rem;
        top: 0rem;
    }
    .move svg {
        top: 3.25rem;
        left: 18rem;
    }
    .move {
        background-size: contain;
        height: 34rem;
        margin: 10rem 0 4rem;
    }
    .move .sun {
        left: 0;
    }
    .moves .zuodt {
        right: 1%;
    }
    .zuodt .dbjt5 {
        bottom: 27%;
    }
    .move .dian::after {
        bottom: 3.75rem;
        width: 12.875rem;
        height: 16rem;
        left: 7.25rem;
    }
    .move .dian::before {
        bottom: 5rem;
        width: 11.375rem;
        height: 14.5rem;
        left: 7.875rem;
    }
}
@media screen and (min-width:1360px) and (max-width:1440px) {
    .move svg {
        left: 22.5rem;
    }
    .move .dian::after {
        bottom: 4.5rem;
        width: 15.875rem;
        height: 21rem;
        left: 9.25rem;
    }
    .move .dian::before {
        bottom: 7rem;
        width: 14.375rem;
        height: 17rem;
        left: 9.875rem;
    }
    .move .dian {
        top: -6rem;
    }
    .moves .zuodt {
        right: 4.5%;
    }
}
@media (max-width: 1360px) {
    .map_buju {
        width: 600px;
    }

}
@media screen and (min-width:1270px) and (max-width:1360px) {
    .move svg {
        left: 18.2rem;
    }
    .move .dian::after {
        bottom: 3.625rem;
        width: 13.25rem;
        height: 16rem;
        left: 7rem;
    }
    .move .dian::before {
        bottom: 5rem;
        width: 11.5rem;
        height: 14.5rem;
        left: 7.875rem;
    }
    .move .dian {
        top: 3rem;
    }
    .moves .zuodt {
        right: 1.25%;
    }
   
}
@media (max-width: 1270px) {
    .n_wenhua .centerbox {
        width: 30rem;
    }

    .n_ys .img {
        width: 24rem !important;
    }

    .n_ys .imgbox i {
        font-size: 13rem;
        top: -3rem;
    }
}
@media screen and (min-width:1200px) and (max-width:1270px) {
    .move svg {
        left: 16.2rem;
    }
    .move .dian::after {
        bottom: 3.125rem;
        width: 10.875rem;
        height: 14rem;
        left: 6.25rem;
    }
    .move .dian::before {
        bottom: 4.5rem;
        width: 10rem;
        height: 12.5rem;
        left: 6.75rem;
    }
    .move .dian {
        top: 3rem;
    }
    .moves .zuodt {
        right: .25%;
    }
    .zuodt .dbjt5 {
        bottom: 28.5%;
    }
    .zhongdt .ss {
        top: 41%;
    }
    .zhongdt .dbjt1 {
        top: 48%;
    }
    .zhongdt .dbjt2 {
        top: 61%;
    }
    .zhongdt .dbjt3 {
        bottom: 20%;
    }
}
@media (max-width: 1200px) {
    #nav {
        margin-right: 1.5rem;
    }

    #header {
        display: none;
    }

    #m_header {
        display: block;
    }

    #nav_btn_box {
        display: block;
    }

    .n_title,
    .n_dh {
        display: none
    }

    #m_n_nav {
        display: block
    }

    .web {
        display: none;
    }

    .wap {
        display: block;
    }

    span.wap {
        display: inline;
    }

    .online_q {
        display: none;
    }

    /* body{ padding-top: 4.5rem;} */
    /* #banner .swiper{ height: calc(100vh - 4.5rem);} */
    .s_about .tt {
        font-size: 3rem;
    }

    .n_xuanchuan .bd ul li:nth-child(even) {
        margin-top: -11.3125rem;
    }

    .headerbox {
        display: none;
    }

    .newlists {
        grid-template-columns: 1fr;
    }

    .newlists .short {
        grid-template-columns: 1fr 1fr;
    }

    .zidh {
        display: none;
    }
    .webmove,
    .webtu {
        display: block;
        margin: 4rem 0;
    }

    .move,
    .moves {
        display: none;
    }

}

@media (max-width: 1100px) {
    .foot_nav {
        display: none;
    }

    #foot .boxs {
        grid-template-columns: 1fr;
    }
}

/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px) {
    #zhanshi .zs .procon {
        left: 1.75rem;
        top: 2.75rem;
    }

    #zhanshi .zs h5 {
        font-size: 1.875rem;
    }

    .byc {
        flex-direction: column;
    }

    .bycs {
        margin: 1rem 0;
    }

    .bycs,
    .bycs .bl {
        width: 100% !important;
        height: 25rem;
    }

    .bycs+.bycs {
        margin-left: 0;
    }

    .bycs>.bl {
        background-position: top !important;
    }

    .newlists .list {
        grid-template-columns: 1fr;
    }

    .n_newlist .hot {
        grid-template-columns: 1fr;
    }

    .n_newlist .hot #newswiper img {
        height: auto;
    }

    #foot .boxbot {
        flex-direction: column-reverse;
    }

    .n_wenxian ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .n_containers .content {
        flex-direction: column;
    }

    .n_zldown .chanpintu {
        grid-template-columns: 1fr;
    }

    .n_honor .ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .n_company .company,
    .culturetop .m {
        grid-template-columns: 1fr;
    }

    .n_lianxi ul li::before {
        display: none;
    }

    .n_licheng #year {
        height: 20rem;
    }

    .n_dtkren .shengzi {
        background: none;
        height: auto;
        padding: 0 30px;
    }

    .n_dtkren .shengzi .big {
        display: none;
    }

    .shengzi .photos {
        display: block;
    }


    #zhanshi .zs {
        grid-template-columns: 1fr;
    }

    .n_honor .ul .li1 .img,
    .n_honor .ul .li2 .img {
        height: auto;
    }
}

@media (min-width:481px) and (max-width:992px) {}

@media (max-width: 860px) {
    .n_newlist .nnewlist {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .pad_top {
        padding-top: 5rem !important;
    }

    .pad_bot {
        padding-bottom: 5rem !important;
    }

    .m {
        padding: 0 50px;
    }

    .bannerpage .fenshi {
        margin-left: 100px;
    }

    #banner .txt {
        padding-left: 30px;
    }

    #zhanshi .zs {
        flex-direction: column;
    }

    .zs_left a>div,
    .zs_right a>div {
        height: 26rem;
        width: 100%;
    }

    .zs_left .duan img,
    .zs_right .duan img {
        width: 100%;
    }

    .newlists .hot {
        grid-template-columns: 1fr;
    }

    #banner .line02 {
        display: none;
    }

    .n_newxq .main_box {
        flex-direction: column;
        gap: 3rem;
    }

    .n_newxq .main_box .left_con {
        padding-right: 0;
    }

    .right_con {
        position: relative;
        top: 0;
        padding-left: 0;
        width: 100%;
    }

    .left_con:after,
    .right_con::before {
        display: none;
    }

    .lastnews ul {
        margin-left: 0;
    }

    #foot .botright,
    .n_zhaopin #list_slide dd .jianli,
    #list_slide .fx {
        flex-direction: column;
    }

    .n_wenxian ul {
        grid-template-columns: 1fr 1fr;
    }

    .n_zhaopin #list_slide dd {
        padding: 2.25rem 2.5rem 3.75rem;
    }

    .n_zhaopin #list_slide dt {
        padding: 0 2.5rem;
    }

    .n_zhaopin #list_slide dt h3 {
        width: 100%;
    }

    .n_zldown .cp_con {
        padding: 2.5rem 2rem;
    }

    .n_honor .ul {
        grid-template-columns: 1fr 1fr;
    }

    .n_ceo .ceo {
        grid-template-columns: 1fr;
    }

    .culturebot {
        height: 47.875rem;
        grid-template-columns: 1fr;
    }

    .culturebot ul {
        margin-left: 0;
    }

    .culturebot ul li {
        justify-content: center;
    }

    .culturebot ul li:hover .lncon {
        transform: translateX(-1rem);
    }

    .culturebot .cultureleft {
        display: flex;
        padding-left: 0;
        align-items: center;
        justify-content: center;
    }

    .culturebot .qytit h5 {
        font-size: 2.5rem;
    }

    .modal-body .modal-con {
        padding: 1.875rem 2.5rem 2.25rem;
    }

    .lxtit h4 {
        font-size: 1.625rem;
    }

    .lxtit h5 {
        font-size: 1.375rem;
    }

    .n_lianxi ul {
        padding: 0;
        gap: 3rem 4rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .n_lianxi ul li .contactcon {
        position: relative;
        width: auto;
        transform: translate(0, 0);
        left: 0;
        bottom: 0;
        margin-top: 2.5rem;
    }

    .youshi .ys1 {
        grid-template-columns: 1fr;
        gap: 1.75rem;
    }

    .youshi .ys2 {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .four h5 {
        font-size: 1.375rem;
    }

    .youshi {
        padding: 0 2rem;
    }

    .n_jingti .jingtibot h5 {
        font-size: 1.875rem;
    }

    .chushi {
        display: none;
    }

    .foot_link {
        width: 100%;
        margin-top: 1rem;
        position: relative;
        z-index: 9;
        margin-left: 0;
    }

    #yearcon .swiper-button-white {
        top: 3.5rem;
    }

    #yearcon .lichecon {
        padding-top: 5.125rem;
        padding-left: 0;
        flex-direction: column;
    }

    #yearcon .nextyear {
        left: 61.5%;
    }
    #yearcon {
        width: 90%;
        margin: -6rem auto;
        margin-left: 0;
    }
    
}

@media (max-width: 680px) {
    .modal-content {
        width: 90%;
    }

    .n_zhaopin #list_slide dt .tgl {
        position: absolute;
        top: 1.5rem;
        right: 1rem;
    }

    .n_zhaopin #list_slide dt h4 {
        margin-bottom: .5rem;
    }

    .n_zhaopin #list_slide dt h3 {
        font-size: 1rem;
    }
  
    

    .aboutcp ul,
    .n_cpcenter ul {
        grid-template-columns: 1fr;
    }

    .cpmode {
        flex-wrap: wrap;
    }

    .n_company .company .comleft strong {
        font-size: 1.75rem;
        line-height: 1.5;
    }

    .n_company .company .comleft h6,
    .n_company .company .comleft h5,
    .n_company .company .comleft h4 {
        font-size: 2rem;
        line-height: 1.5;
    }

    .modal-con ul {
        gap: .5rem;
    }

    .modal-con ul li .tou {
        margin-bottom: 0;
    }

    .modal-con button {
        margin: 1rem auto 0;
    }

    #yearcon .swiper-button-white {
        width: 3rem;
        height: 3rem;

    }
    .youshi .ys1 li>div {
        height: auto;
    }
    .youshi .ys1 li {
        gap: 0;
    }
}

@media (max-width: 480px) {
    .pad_top {
        padding-top: 4rem !important;
    }

    .pad_bot {
        padding-bottom: 4rem !important;
    }

    .pad_top2 {
        padding-top: 3rem !important;
    }

    .pad_bot2 {
        padding-bottom: 3rem !important;
    }

    .m {
        padding: 0 15px;
    }

    .n_banners {
        height: 16.125rem;
    }

    .n_banner h3 {
        margin-bottom: 1rem;
        font-size: 1.875rem;
    }

    #banner .txt h4 {
        font-size: 2.5rem;
        /* width: 82%; */
        height: 15rem;
    }

    #banner .txt .about{
        position: absolute;
    bottom: 31%;
    }

    #banner .txt h3 {
        font-size: 2.5rem;
        margin: 1rem 0 2.5rem;
    }

    #banner .txt span {
        font-size: 1.5rem;
    }

    #foot .box1 .left {
        flex-direction: column;
        flex-grow: 1;
        gap: 1.5rem;
    }

    #foot .box2 {
        flex-direction: column;
        margin-top: 1rem;
    }

    #foot .box2 .left {
        flex-direction: column;
        flex-grow: 1;
        gap: .5rem;
    }

    .foot_ewm {
        margin: 0 auto;
    }

    .copyright {
        text-align: center;
    }

    .foot_share {
        justify-content: center;
    }


    /* .n_huojianxilie .n_subnav a{ width: 9.25rem;}
.n_huojianxilie .n_subnav{ margin-bottom: 2.5rem;} */
    .n_subnav {
        margin-bottom: 2.5rem;
    }


    .n_licheng .box .year span {
        font-size: 4.5rem;
    }

    .n_licheng .box .year {
        margin-bottom: 1.5rem;
    }

    .n_licheng .bd {
        padding-bottom: 4rem;
    }

    .n_licheng .swiper-button-prev {
        left: auto !important;
        right: 15% !important;
        top: 4.5rem !important;
    }

    .n_licheng .swiper-button-next {
        right: 0;
        left: auto !important;
        top: 4.5rem !important;
    }

    .TimeBox .TimeContent p {
        font-size: 1.375rem;
    }

    .TimeBox .TimeContent p:before {
        top: 2.5rem;
    }

    .TimeBox .bg {
        width: calc(100% - 5rem);
        height: calc(100% - 5rem);
    }

    video {
        width: 100%;
    }

    .s_pro .txt .con {
        height: 116px;
        margin-bottom: 3.625rem;
    }

    #n_join #list_slide dt h3 span:nth-child(2) {
        display: none;
    }

    #n_join #list_slide dd .content {
        flex-direction: column-reverse;
        gap: 1rem;
    }

    #list_slide .content .left,
    #list_slide .content .right {
        width: 100%;
        margin: 0;
        padding: 0 !important;
    }

    #list_slide .content .scrollbox {
        height: auto;
        padding: 0 1rem;
    }

    #n_join #list_slide dd {
        padding: 2rem;
    }

    #n_join #list_slide dt {
        height: 5rem;
    }

    #n_join #list_slide dt h3 {
        grid-template-columns: 1fr;
    }

    .n_subnav a {
        font-size: 1.0625rem;
    }



    .wayup .counter,
    .gsgd .counter {
        font-size: 2rem;
    }

    .wayup ul,
    .gsgd ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2.5rem 0.5rem;
    }

    #wenhua .culture {
        height: 50rem;
    }

    #wenhua .culture h5 {
        font-size: 2.125rem;
    }
	
	#wenhua .culture h6{ font-size: 1.125rem;}
	
	#wenhua .culture p{ margin: 1.25rem 0; text-align: justify; font-size: 0.875rem; line-height: 1.5rem;}
	
	#wenhua .culture_ul{ margin-top: 1.25rem;}
	
	#wenhua .culture_ul li{
		font-size: 0.875rem;
	}

    #banner .line02 {
        display: none;
    }



    .group input::placeholder {
        color: transparent;

    }

    .zs_left a>div,
    .zs_right a>div {
        /* height: 18rem; */
    }

    #zhanshi .zs h5 {
        font-size: 1.25rem;
    }

    #zhanshi .zs p {
        margin-top: 1rem;
    }

    .bycs {
        margin: .5rem 0;
    }

    .bycs,
    .bycs .bl {
        height: 15rem;
    }

    .bycs .byc_tit {
        bottom: 1rem;
    }


    .newlists .hot .hotcon p {
        margin-bottom: .5rem;
    }

    .newlists .hot .hotcon h4 {
        font-size: 1.125rem;

    }

    .newlists .list .img {
        width: auto;
        height: auto;
        flex-shrink: 1;
    }

    .newlists .list a {
        align-items: stretch;
        display: grid;
        grid-template-columns: 13.5rem 1fr;
    }
	
	#foot {
		flex-direction: column-reverse;
		gap: 2rem;
	}
	
	#foot .boxbot .m {
		flex-direction: column;
	}

    #foot .boxbot {
		padding: 1rem 0;
        line-height: 2.5rem;
    }

    .yd {
        bottom: 1.25rem;
        right: 1rem;
    }

    #swiper1 .swiper-pagination .swiper-pagination-bullet {
        width: 3.4375rem !important;
        height: 3px;
    }

    #swiper1 .swiper-pagination .swiper-pagination-bullet-active {
        height: 6px;
    }

    #swiper1 .swiper-pagination {
        display: flex;
        flex-direction: row;
        height: 7px;
        align-items: flex-end;
        justify-content: center;
        gap: 7px;
        width: 100%;
        right: 0;
        bottom: 5%;
    }

    .n_newlist .hot #newswiper .newdb {
        padding: 2rem 1.8125rem 1.5rem
    }

    .n_newlist .hot #newswiper .newdb p {
        font-size: 1.25rem;
        margin-top: .5rem;
    }

    #newswiper .swiper-pagination {
        right: .5rem;
        bottom: 2.25rem;
    }

    .n_newlist .hot #newswiper .newdb span {
        font-size: 1rem;
    }

    .n_newlist .nnewlist {
        grid-template-columns: 1fr;
    }

    .ar_title .time {
        font-size: 1.5rem;
    }

    .ar_title h4 {
        font-size: 1.375rem;
    }

    .e-mail .dy {
        margin-right: 1.25rem;
    }

    .n_wenxian ul li .wxcon {
        padding: 1.375rem 1.5rem;
    }

    .n_wenxian ul li .wxcon h5 {
        margin-top: 1rem;
        font-size: 1rem;
    }

    .n_wenxian ul li .wxcon .pdf {
        margin-top: 1.5rem;
    }

    .n_zhaopin #list_slide dt {
        padding: 0 1.5rem;
    }

    .n_zldown .zlswipercon a {
        margin: 2rem auto;
    }



    #zldown .swiper-slide {
        height: 100%;
    }

    .n_zldown .zlswipercon h4 {
        font-size: 1.625rem;
    }

    .chanpinxx .xiangxi .xxico {
        height: 5rem;
        width: 5rem;
    }

    .chanpinxx .xiangxi .xxico svg {
        width: 1.25rem;
    }

    .chanpinxx .xiangxi h4 {
        font-size: 1.375rem;
    }

    .n_zldown .chanpinxx .ar_article h5 {
        font-size: 1.25rem;
    }

    .n_zldown .chanpinxx .ar_article p {
        font-size: 1rem;
    }

    .title h5 {
        font-size: 1.625rem;
    }

    .ar_article .tablecon {
        overflow-x: scroll;
    }

    .tablecon table {
        width: 800px !important;
    }

    .aboutcp ul li .cpbox h5,
    .n_cpcenter ul li .cpbox h5 {
        font-size: 1.25rem;
    }

    .aboutcp ul li .cpbox,
    .n_cpcenter ul li .cpbox {
        padding: 1.625rem;
    }

    .n_honor .ul .li1 a::before {
        bottom: 3.625rem;
    }

    .n_honor .ul a i {
        margin: 2.125rem auto 1rem;
    }

    .n_honor .ul {
        gap: 2rem;
    }

    .n_honor .ul a p {
        font-size: 1rem;
    }

    .n_honor .ul .li1 .img,
    .n_honor .ul .li2 .img {
        padding: .9375rem;
    }

    .n_honor .ul .li2 .img {
        width: 85%;
    }

    .n_honor .ul .li2 a::before {
        bottom: 4.5rem;
    }

    .n_ceo .ceo .ceobot {
        padding: 2.5rem 1.75rem 2.125rem;
    }

    .n_ceo .ceo .ceobot h4 {
        font-size: 2rem;
        padding-bottom: 1rem;
    }

    .n_ceo .ceo .ceocon h4 {
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .wayup ul li .jia,
    .gsgd ul li .jia {
        line-height: 1rem;
    }

    .wayup ul li div p,
    .gsgd ul li div p {
        line-height: 1.5;
        font-size: 1rem;
    }

    .wayup {
        padding: 1.75rem 0;
    }

    .n_company .company {
        gap: 2.1875rem;
    }

    .n_company .company .comright h5 {
        font-size: 1.5rem;
    }

    .n_company .gsgd {
        height: 48.25rem;
    }

    .culturebot ul li .lnico {
        margin-right: 1rem;
    }

    .culturebot ul li .zi h5 {
        font-size: 1.25rem;
    }

    .culturebot ul li .zi p {
        font-size: 1.125rem;
    }

    .culturetop .qytit h5::before {
        width: 26px;
        height: 22px;
    }

    .culturetop .qy1 h4{
        font-size: 2.375rem;
        display: flex;
    }
    .culturetop .qy1 .kouhao {
        display: flex;
        align-items: center;
        gap: 2rem;
    }
    .culturetop .qy1 p {
        font-size: 2.375rem;
        -webkit-text-stroke: 1px #1c509c;
    }

    .culturetop .qy2 p {
        font-size: 1.25rem;
    }

    .culturetop .qy2 {
        height: 34.375rem;
    }

    .culturetop .pingtai {
        left: 0;
    }

    .culturebot {
        height: 41.875rem;
    }

    .modal-body .modal-con {
        padding: 1rem 1.75rem 2.0625rem;
    }

    .modal-con button {
        font-size: 1.125rem;
    }

    .xintit p {
        font-size: 1.375rem;
    }

    .xintit h4,
    .xin h5 {
        font-size: 1.5rem;
    }

    .xintit .xinico {
        width: 4.3125rem;
        height: 4.3125rem;
    }

    .xintit .xinico svg {
        width: 1.875rem;
        height: 1.875rem;
    }

    .xin ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        height: auto;
    }

    .xin ul li {
        position: relative;
        width: 7.5rem !important;
        height: 7.5rem !important;
        background: url(../images/qipao100.png)no-repeat !important;
        background-size: cover !important;
        font-size: 1.125rem !important;
        left: auto !important;
        bottom: auto !important;
        top: auto !important;
        animation: none !important;
        font-weight: bold;
    }

    .n_lianxi ul li .contacts,
    .contactbg ul li .usico {
        width: 4.75rem;
        height: 4.75rem;
    }

    .n_contactus .contactbg {
        height: 16.875rem;
    }

    .contactbg ul li .usico svg {
        width: 1.875rem;
        height: 1.875rem;
    }

    .n_lianxi ul li .contactcon h6,
    .contactbg ul li p {
        font-size: 1rem;
    }

    .n_lianxi a {
        margin-bottom: 0;
        height: 15rem;
    }

    .n_lianxi ul {
        margin-bottom: 0;
    }

    .contactbg ul li .ewmbox {
        bottom: calc(100% + 1rem);
        left: 0;
    }

    .foot_ewm .icolist div .ewmbox {
        right: 0;
        top: calc(100% + 1rem);
        left: auto;
    }

    .foot_ewm .icolist div .ewmbox .ewm:before {
        right: 1rem;
        bottom: auto;
        left: auto;
        top: 0.15rem;
    }

    .n_licheng .lcbot {
        bottom: 9.5rem;
        padding: 0 2rem 0 3.125rem;
    }

    .n_licheng #year ul li.swiper-slide .year {
        top: 0 !important;
    }

    #yearcon h4 {
        font-size: 2.25rem;
    }

    #yearcon .lichenr {
        font-size: 1rem;
    }

    .n_licheng .yeartiao {
        max-width: 77%;
        top: 3.5rem !important;
    }

    #yearcon .lichecon {
        padding-top: 6.25rem;
        gap: 1rem;
        padding-left: 2rem;
    }

    .n_licheng #year .swiper-slide .year::after {
        top: 1rem;
    }

    .n_licheng #year ul li.swiper-slide-thumb-active .year::after {
        top: 1.5rem;
    }

    .n_licheng #year .swiper-slide .year::before {
        transform: translate(-50%, 0);
        top: 3rem;
    }

    .small {
        height: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 4rem;
    }

    .small li {
        width: 11rem !important;
        height: auto !important;
        position: relative;
        left: auto !important;
        top: auto !important;
        margin: auto;
    }

    .n_dtkren .xintit {
        padding-bottom: 2rem;
    }

    #certify .swiper-slide {
        max-width: 20rem;
    }

    .n_dtkren .shengzi {
        padding: 0 15px;
    }

    #photo .img_db:after {
        padding-top: 88.9%;
    }

    .aboutcp .m>ul {
        display: none;
    }

    #aboutsw {
        display: block;
    }

    .zs_left a>div,
    .zs_middle a>div {
        height: 14.375rem;
        width: 100%;
    }

    #zhanshi .zs .procon {
        left: 1rem;
        top: 1rem;
    }

    #zhanshi .zs a .mengban {
        padding: 8rem 2rem 1rem;
    }

    #certify .swiper-slide h5 {
        font-size: 1.125rem;
    }

    .n_dtkren .arr {
        top: auto;
        bottom: -1rem;
        width: 3.75rem;
        height: 3.75rem;
    }

    .n_dtkren .arr_left {
        right: 2rem;
        left: auto;
    }
    .n_dtkren .arr svg {
        transform: rotate(180deg);
    }
    .n_dtkren .arr_right {
     
        left: 2rem;
        right: auto;
    }

    .n_honor .ul .li1 .img {
        height: 9.5rem;
    }

    .n_honor .ul .li2 .img {
        height: 16rem;
    }

    #modals .modal-content {
        margin: 50% auto !important;
    }
    #yearcon .nextyear {
        right: 1.25%;
    }
    .n_zhaopin #list_slide dt h4 {
        font-size: 1.25rem;
    }
    .n_zhaopin #list_slide dt h3 {
        grid-template-columns: 1fr 1fr;
    }
    .n_zhaopin #list_slide dt h3 span {
        text-align: left;
    }
    .n_zhaopin #list_slide dt .tgl {
        top: .5rem;
    }
    .n_zldown .chanpintu #zldown img {
        width: 100%;
    }
    .culturetop::before {
        width: 100%;
    }
    .culturetop {
        overflow: hidden;
    }
    .culturetop .qy1 .kouhao h4 {
        display: none;
    }
    .culturetop .qy1 .kouhao {
        position: relative;
        background: url(../images/zaofu.svg)no-repeat;
        width: 100%;
        height: 3.25rem;
    }
    #zhanshi .zs p {
        font-size: 1.125rem;
    }
    
}

@media (max-width: 380px) {
    #modal .gridbox .group input {
        padding: 1rem;
        line-height: 1rem;
    }


    #modal .s_title {
        flex-wrap: wrap;
        gap: .5rem;
    }

    .modal-body .modal-title {
        margin: 0;
    }
    .culturebot ul li .lncon .zi {
        flex-direction: column;
        align-items: flex-start;
    }
    .culturebot ul li .lnico {
        margin-right: 2rem;
    }
    .gsgd ul li div p , .wayup ul li div p , .wayup ul li .cs , .gsgd ul li .cs  {
        flex-shrink: 0;
    }
    /* .culturetop .qy1 p {
        color: transparent;
        -webkit-text-stroke:1px transparent;
        text-shadow: -1px 1px 0 #1c509c, 1px 1px 0 #1c509c ,1px -1px 0 #1c509c , -1px -1px 0 #1c509c;
    } */
}

@media (max-width: 1024px) {
	.factory_nav{ bottom: 3.5rem; left: 2%; width: 96%; margin-left: 0;}
	.factory_nav li{ width: 32%; height:5rem; line-height: 1.5; text-align: center; margin: 1% 0 0 1%; font-size: 1.25rem;}
	.factory_content{ width: 96%; margin: 3.75rem auto;}
	.factory_tit{ font-size: 1.875rem;}
	.factory_nr{ margin-top: 3.75rem;}
	.factory_swiper{ width: 100%;}
	.factory_swiper img{ width: 100%;}
	.mySwiper{ margin-top: 1rem;}
	.factory_swiper .swiper-button-next:after, .factory_swiper .swiper-button-prev:after{ font-size: 1.5rem;}
	.factory_txt{ width: 100%; font-size: 1.125rem; line-height: 2; margin-top: 1.5rem;}
	.factory_txt p{ margin-bottom: 1rem;}
	.factory_auto{ height: auto; overflow-y: auto; padding-right: 0;}
	.n_newlist .nnewlist {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem 1.875rem;
    }
    .n_newlist .nnewlist .newlistcon {
        background: #fff;
        margin: -2.5rem 1rem 0;
        padding: 3rem 2.125rem;
        position: relative;
        z-index: 10;
        width: auto;
        float: none;
    }

    .n_newlist .hot .hotcon p,
    .n_newlist .nnewlist .newlistcon h5 {
    color: #343434;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    margin-top: 0.5rem;
    margin-bottom: 0;
    }

    .n_newlist .nnewlist .newlistcon::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/listbefore.jpg) no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s;
        z-index: -1;
    }
    .n_newlist .nnewlist li:hover .newlistcon::before {
        opacity: 1;
        visibility: visible;
    }
      
      .n_newlist .nnewlist li:hover .newlistcon h5,
      .n_newlist .nnewlist li:hover .newlistcon span {
        color: #fff;
    }
    .n_newlist .nnewlist .newlistcon h5 {
        font-weight: bold;
        height: 3.125rem;
    }
      
    .news_tu { width: 100%; float: none;}
    
    .n_newlist .nnewlist .newlistcon p{display: none;}
    
    .news_more{display: none;}

    .n_newlist .nnewlist li{ padding: 0; overflow: hidden; border-bottom: none;}
}

@media (max-width: 860px) {
    .n_newlist .nnewlist {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
	.factory_nav{ bottom: 2.5rem;}
	.factory_nav li{ height:3.5rem; font-size: 0.875rem;}
}

@media (max-width: 480px) {
	.factory_ban{ background: url(../images/factory_ban.jpg) no-repeat right bottom; height: 15rem; background-size: cover;}
	.factory_ban img{ display: none;}
	.factory_nav{ bottom: 0.875rem;}
	.factory_nav li{ width: 48.5%; height:3.2rem; line-height: 1rem; text-align: center; margin: 1% 0 0 1%;}
	.factory_content{ width: 96%; margin: 2rem auto;}
	.factory_tit{ font-size: 1.5rem;}
	.factory_nr{ margin-top: 2rem;}
	.mySwiper{ margin-top: 0.875rem;}
	.factory_txt{ width: 100%; font-size: 1.125rem; line-height: 2; margin-top: 1.5rem;}
	.n_newlist .nnewlist {
        grid-template-columns: 1fr;
    }
}